
import React, { Component,useState } from 'react';
import {   Modal} from 'antd';
import 'antd/dist/antd.css'
const App = (e) => {
    const [isModalVisible, setIsModalVisible] = useState(false);
  
    const showModal = () => {
      let a=document.querySelector(".ant-dropdown")
      a.style.zIndex="1"
      setIsModalVisible(true);
    };
  
    const handleOk = () => {
      setIsModalVisible(false);
    };
  
    const handleCancel = () => {
      setIsModalVisible(false);
    };
  
    return (
      <>
        {/* <Button style={{zIndex:"9999"}} type="primary" onClick={showModal}>
         
        </Button> */}
        <a onClick={showModal} style={{ color: "#40a9ff"}} >{e.value}</a>
        <Modal style={{zIndex:"2000"}}  width="648px" title="查看图片" visible={isModalVisible} onOk={handleOk} onCancel={handleCancel} closable footer={null}>
          <img style={{width:"600px",margin:"auto"}} src={e.value}  alt="" />
        </Modal>
      </>
    );
  };
class index extends Component {
    render() {
        const {value}=this.props
        return (
            <div >
                <App value={value}/>
            </div>
        );
    }
}

export default index;